---
title: Getting started
path: /docs/native/getting-started/
---

# Getting started

Firstly, install Bumbag & Bumbag Native:

```
npm install bumbag bumbag-native react-native-svg
```

Once you have installed the modules, wrap your application in a "`<BumbagNativeProvider>`":

```jsx
import * as React from 'react';
import { AppRegistry } from 'react-native';
import { Text, Provider as BumbagNativeProvider } from 'bumbag-native';

export default function App() {
  return (
    <BumbagNativeProvider>
      ...
    </BumbagNativeProvider>
  );
}

AppRegistry.registerComponent('main', () => App);
```

Now, you can start using the Bumbag components:

```jsx
import * as React from 'react';
import { AppRegistry } from 'react-native';
import { Button, Text, Provider as BumbagNativeProvider } from 'bumbag-native';

export default function App() {
  return (
    <BumbagNativeProvider>
      <Button>
        Hello world!
      </Button>
    </BumbagNativeProvider>
  );
}

AppRegistry.registerComponent('main', () => App);
```

> Note: You can override Bumbag's default theme by passing a `theme` prop to `<BumbagNativeProvider>`. [Click here to find out how to add a theme](/native/theming).
